Adwaita: make progressbars and scales the same size
authorLapo Calamandrei <calamandrei@gmail.com>
Mon, 21 Dec 2015 10:50:56 +0000 (11:50 +0100)
committerLapo Calamandrei <calamandrei@gmail.com>
Mon, 21 Dec 2015 10:50:56 +0000 (11:50 +0100)
gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index 76ee270562d335a37215ea5df933139f05a51a81..636998dd04795763c5136c4322066973d081a89a 100644 (file)
@@ -2239,7 +2239,6 @@ checkbutton check {
 }
 
 scale {
-  // FIXME: rationalize
   -GtkScale-slider-length: 20;
   -GtkRange-slider-width: 26;
   -GtkRange-trough-border: 2;
@@ -2259,8 +2258,7 @@ scale {
 
   trough { margin: 13px; }
 
-  &:not(.vertical) slider { margin: 3px 0; }
-
+  &.horizontal slider { margin: 3px 0; }
   &.vertical slider { margin: 0 3px; }
 
   // the backing bit
@@ -2401,12 +2399,12 @@ progressbar {
   // sizing
   &.horizontal {
     trough,
-    progress { min-height: 4px; } // FIXME: should be 6px, but looks like currently gtk+ consider borders
+    progress { min-height: 2px; } // FIXME: should be 4px, but looks like currently gtk+ consider borders
   }
 
   &.vertical {
     trough,
-    progress { min-width: 4px; } // FIXME: should be 6px, but looks like currently gtk+ consider borders
+    progress { min-width: 2px; } // FIXME: should be 4px, but looks like currently gtk+ consider borders
   }
 
   &.horizontal progress { margin: 0 -1px; } // the progress node is positioned after the trough border
@@ -2430,20 +2428,20 @@ progressbar {
     @extend %scale_highlight;
     border-radius: 1.5px;
     &.left {
-      border-top-left-radius: 3px;
-      border-bottom-left-radius: 3px;
+      border-top-left-radius: 2px;
+      border-bottom-left-radius: 2px;
     }
     &.right {
-      border-top-right-radius: 3px;
-      border-bottom-right-radius: 3px;
+      border-top-right-radius: 2px;
+      border-bottom-right-radius: 2px;
     }
     &.top {
-      border-top-right-radius: 3px;
-      border-top-left-radius: 3px;
+      border-top-right-radius: 2px;
+      border-top-left-radius: 2px;
     }
     &.bottom {
-      border-bottom-right-radius: 3px;
-      border-bottom-left-radius: 3px;
+      border-bottom-right-radius: 2px;
+      border-bottom-left-radius: 2px;
     }
   }
 
index 8bf804e43439037b527ce2bf4116ac77f0ba6397..2ede396873030b48bb7dec78f69531a75d38485e 100644 (file)
@@ -3083,7 +3083,7 @@ scale {
         border-radius: 4px; }
   scale trough {
     margin: 13px; }
-  scale:not(.vertical) slider {
+  scale.horizontal slider {
     margin: 3px 0; }
   scale.vertical slider {
     margin: 0 3px; }
@@ -3424,10 +3424,10 @@ progressbar {
   box-shadow: 0 1px rgba(238, 238, 236, 0); }
   progressbar.horizontal trough,
   progressbar.horizontal progress {
-    min-height: 4px; }
+    min-height: 2px; }
   progressbar.vertical trough,
   progressbar.vertical progress {
-    min-width: 4px; }
+    min-width: 2px; }
   progressbar.horizontal progress {
     margin: 0 -1px; }
   progressbar.vertical progress {
@@ -3437,17 +3437,17 @@ progressbar {
   progressbar progress {
     border-radius: 1.5px; }
     progressbar progress.left {
-      border-top-left-radius: 3px;
-      border-bottom-left-radius: 3px; }
+      border-top-left-radius: 2px;
+      border-bottom-left-radius: 2px; }
     progressbar progress.right {
-      border-top-right-radius: 3px;
-      border-bottom-right-radius: 3px; }
+      border-top-right-radius: 2px;
+      border-bottom-right-radius: 2px; }
     progressbar progress.top {
-      border-top-right-radius: 3px;
-      border-top-left-radius: 3px; }
+      border-top-right-radius: 2px;
+      border-top-left-radius: 2px; }
     progressbar progress.bottom {
-      border-bottom-right-radius: 3px;
-      border-bottom-left-radius: 3px; }
+      border-bottom-right-radius: 2px;
+      border-bottom-left-radius: 2px; }
   progressbar.osd {
     min-width: 3px;
     min-height: 3px; }
index 7e1141aee8e7e7a481376b9f00e15a4a4241b1fe..7d2c6054ac7fb4078d536dfd62e6f9aaa19952cb 100644 (file)
@@ -3245,7 +3245,7 @@ scale {
         border-radius: 4px; }
   scale trough {
     margin: 13px; }
-  scale:not(.vertical) slider {
+  scale.horizontal slider {
     margin: 3px 0; }
   scale.vertical slider {
     margin: 0 3px; }
@@ -3586,10 +3586,10 @@ progressbar {
   box-shadow: 0 1px rgba(255, 255, 255, 0); }
   progressbar.horizontal trough,
   progressbar.horizontal progress {
-    min-height: 4px; }
+    min-height: 2px; }
   progressbar.vertical trough,
   progressbar.vertical progress {
-    min-width: 4px; }
+    min-width: 2px; }
   progressbar.horizontal progress {
     margin: 0 -1px; }
   progressbar.vertical progress {
@@ -3599,17 +3599,17 @@ progressbar {
   progressbar progress {
     border-radius: 1.5px; }
     progressbar progress.left {
-      border-top-left-radius: 3px;
-      border-bottom-left-radius: 3px; }
+      border-top-left-radius: 2px;
+      border-bottom-left-radius: 2px; }
     progressbar progress.right {
-      border-top-right-radius: 3px;
-      border-bottom-right-radius: 3px; }
+      border-top-right-radius: 2px;
+      border-bottom-right-radius: 2px; }
     progressbar progress.top {
-      border-top-right-radius: 3px;
-      border-top-left-radius: 3px; }
+      border-top-right-radius: 2px;
+      border-top-left-radius: 2px; }
     progressbar progress.bottom {
-      border-bottom-right-radius: 3px;
-      border-bottom-left-radius: 3px; }
+      border-bottom-right-radius: 2px;
+      border-bottom-left-radius: 2px; }
   progressbar.osd {
     min-width: 3px;
     min-height: 3px; }